﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="widtd=device-widtd, initial-scale=1.0">
    <title>项目管理</title>
    <meta name="keywords" content="">
    <meta name="description" content="">
    <link rel="shortcut icon" href="favicon.ico">
    <link href="css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link href="css/font-awesome.css?v=4.4.0" rel="stylesheet">
    <link href="css/animate.css" rel="stylesheet">
    <link href="css/style.css?v=4.1.0" rel="stylesheet">
    <link href="css/plugins/jsTree/style.min.css" rel="stylesheet">
    <!-- Sweet Alert -->
    <link href="css/plugins/sweetalert/sweetalert.css" rel="stylesheet">
    <link href="css/plugins/datapicker/datepicker3.css" rel="stylesheet">
    <!-- custom -->
    <link href="css/add-style.css" rel="stylesheet">
    <link href="css/plugins/blueimp/css/blueimp-gallery.min.css" rel="stylesheet">
    <style>
        .lightBoxGallery img {
            margin: 5px;
            width: 160px;
        }
    </style>
</head>
<body class="gray-bg">
    <div class="wrapper wrapper-content  animated fadeInRight">
        <div class="row">
            <!--<div id="part1" class="col-sm-2" style="padding-left:1px;">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <h5>组织机构</h5>
                    </div>
                    <div class="ibox-content">
                        <div id="jstree2" style="margin: 10px 0 0 -10px;">
                            <ul>
                                <li class="jstree-open">
                                    <a href="i_region.html">富力物业服务集团</a>
                                    <ul>
                                        <li class="jstree-open" data-jstree='{"type":"icon"}'>
                                            <a href="i_company.html">华北区域</a>
                                            <ul>
                                                <li data-jstree='{"type":"icon"}'>
                                                    <a href="i_service_center.html"> 北京</a>
                                                    <ul>
                                                        <li data-jstree='{"type":"icon"}'>
                                                            <a href="i_account.html"> 富力家园服务中心 </a>
                                                            <ul>
                                                                <li data-jstree='{"type":"icon"}'>
                                                                    <a href="i_building.html"> 富力家园</a>
                                                                    <ul>
                                                                        <li data-jstree='{"type":"icon"}'>
                                                                            <a href="i_floor.html"> 1号楼</a>
                                                                            <ul>
                                                                                <li data-jstree='{"type":"icon"}'>
                                                                                    <a href="i_building_house.html"> 1层</a>
                                                                                    <ul>
                                                                                        <li data-jstree='{"type":"son"}'>
                                                                                            1001

                                                                                        </li>
                                                                                        <li data-jstree='{"type":"son"}'>1002</li>
                                                                                        <li data-jstree='{"type":"son"}'>1003</li>

                                                                                    </ul>
                                                                                </li>
                                                                                <li data-jstree='{"type":"icon"}'><a href="i_building_house.html"> 2层</a></li>
                                                                                <li data-jstree='{"type":"icon"}'><a href="i_building_house.html"> 3层</a></li>
                                                                            </ul>
                                                                        </li>

                                                                    </ul>
                                                                </li>

                                                            </ul>
                                                        </li>


                                                    </ul>
                                                </li>
                                            </ul>
                                        </li>
                                        <li class="jstree-open" data-jstree='{"type":"icon"}'>
                                            华南区域
                                        </li>

                                        <li class="jstree-open" data-jstree='{"type":"icon"}'>
                                            西北区域
                                        </li>

                                    </ul>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>-->
            <div class="col-sm-12" style="padding-left:2px;">
                <div class="ibox float-e-margins">
                    <div class="tabs-container">
                        <ul class="nav nav-tabs" id="myTab">

                            <li class="active">
                                <a data-toggle="tab" href="#tab-1"><i class="fa fa-user"></i>项目信息列表</a>
                            </li>
                            <li class="">
                                <a data-toggle="tab" href="#tab-2"><i class="fa fa-user"></i>项目信息添加/修改</a>
                            </li>
                        </ul>
                        <div class="panel-body no-top-border">
                            <div class="tab-content">
                                <div id="tab-1" class="tab-pane active">
                                    <table class="table table-border0">
                                        <tr>
                                            <td class="client-link text-right">项目名称：</td>
                                            <td><input type="text" placeholder="可输入项目名称" class="input form-control" /></td>
                                            <td class="client-link text-right">项目业态：</td>
                                            <td>
                                                <div class="rule-multi-porp">
                                                    <span id="rblpaypiaotype">
                                                        <input id="rblpiaoType02_0" type="checkbox" name="rblpaypiaotype" value="0" />
                                                        <label for="rblpiaoType02_0">住宅</label>
                                                        <input id="rblpiaoType02_1" type="checkbox" name="rblpaypiaotype" value="1" />
                                                        <label for="rblpiaoType02_1">商铺</label>
                                                        <input id="rblpiaoType02_2" type="checkbox" name="rblpaypiaotype" value="2" />
                                                        <label for="rblpiaoType02_2">写字楼</label>
                                                        <input id="rblpiaoType02_3" type="checkbox" name="rblpaypiaotype" value="3" />
                                                        <label for="rblpiaoType02_3">公寓</label>
                                                    </span>
                                                </div>
                                            </td>
                                            <td class="client-link text-right">总户数：</td>
                                            <td>
                                                <input type="text" class="form-control input-sm input-group" style="width:100px;" placeholder="正整数" value="">至<input type="text" class="form-control input-sm input-group" style="width:100px;" placeholder="正整数" value="">
                                            </td>
                                            <!--<td class="client-link text-right">接管年月：</td>
            <td>
                <input id="hello" class="laydate-icon form-control input-sm layer-date" value="2016-12">
            </td>-->
                                        </tr>
                                        <!--<tr>
            <td class="client-link text-right">存在会所：</td>
            <td>
                <select data-placeholder="存在会所" class="chosen-select form-control w200" tabindex="2">
                    <option value="" selected="selected">选择是否有会所</option>
                    <option value="110000" hassubinfo="true">是</option>
                    <option value="120000" hassubinfo="true">否</option>
                </select>
            </td>
        </tr>-->

                                    </table>
                                    <div class="form-group">
                                        <div class="row">
                                            <div >
                                                <div class="input-group form-group-sm pull-left">
                                                    
                                                    <span class="input-group-btn">
                                                        <button type="button" class="btn btn-success btn-sm"><i class="fa fa-search"></i>&nbsp;搜索</button>
                                                        <!--<a data-toggle="modal" href="buildings.html#modal-create" class="btn btn-success btn-sm" style="margin-left: 10px;"><i class="fa fa-plus"></i>&nbsp;创建项目 </a>-->
                                                        <a data-toggle="modal" href="buildings.html#modal-import" class="btn btn-success btn-sm" style="margin-left: 10px;"><i class="fa fa-inr"></i>&nbsp;导入 </a>
                                                        <a href="attachment/地区公司项目资源导入模板.xlsx" class="btn btn-success btn-sm" style="margin-left: 10px;"><i class="fa fa-inr"></i>&nbsp;导出 </a>
                                                        <a data-toggle="modal" href="buildings.html#modal-remark" class="btn btn-danger btn-sm" style="margin-left: 10px;"><i class="fa fa-dollar"></i> &nbsp;功能说明 </a>
                                                    </span>
                                                    
                                                </div>
                                            </div>

                                        </div>
                                    </div>
                                    
                                    <table class="table table-bordered">
                                        <thead>
                                            <tr>
                                                <!--<th>项目状态</th>-->
                                                <th>楼址</th>
                                                <!--<th>所属公司</th>
                                                <th>服务中心</th>-->
                                                <th>项目名称</th>
                                                <th>项目业态</th>
                                                <!--<th title="规划总占地面积，根据项目规划平面图填写">占地面积</th>
                                                <th title="规划总建筑面积，根据项目规划平面图填写">建筑面积</th>
                                                <th title="已接管建筑面积，根据竣工验收备案表填写">管理面积</th>
                                                <th>收费面积</th>
                                                <th>绿化面积</th>
                                                <th>会所面积</th>-->
                                                <th>楼栋数</th>
                                                <th title="已接管车位总数">车位数</th>
                                                <th>总户数</th>
                                                <th>待售户数</th>
                                                <th>待收户数</th>
                                                <th title="商户/写字楼企业入驻户数">入住商户数</th>
                                                <th>操作</th>
                                                <!--<th>社商台帐</th>-->
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <!--<td><span class="label label-danger">在建</span></td>-->
                                                <td>华北区域-北京-富丽家园服务中心</td>
                                                <!--<td>北京</td>
                                                <td>富丽家园服务中心</td>-->
                                                <td><a data-toggle="modal" href="account.html#modal-look">富力家园</a></td>
                                                <td>
                                                    <div class="rule-multi-porp">
                                                        <span id="rblpaypiaotype">
                                                            <input id="rblpiaoType02_0" type="checkbox" name="rblpaypiaotype" value="0" checked="checked" readonly="readonly" disabled="disabled"/>
                                                            <label for="rblpiaoType02_0">住宅</label>
                                                            <input id="rblpiaoType02_1" type="checkbox" name="rblpaypiaotype" checked="checked" readonly="readonly" value="1" disabled="disabled" />
                                                            <label for="rblpiaoType02_1">商铺</label>
                                                        </span>
                                                    </div>
                                                </td>
                                                <!--<td>302050</td>
                                                <td>1432620</td>
                                                <td>1259508</td>
                                                <td>862942.23</td>
                                                <td>122400</td>
                                                <td>0</td>-->
                                                <td><a href="building.html">83</a> </td>
                                                <td><a href="building_house.html">7472</a></td>
                                                <td><a href="building_house.html">6399</a></td>
                                                <td>3</td>
                                                <td>3</td>
                                                <td><a href="building_house_owner.html">184</a></td>
                                                <td>
                                                    <div class="btn-group">
                                                        <a href="#" onclick="tabActive();" class="text-warning">修改</a>&nbsp;&nbsp;
                                                        <a href="javascript:;" class="text-danger demo4">删除</a>

                                                    </div>

                                                </td>
                                            </tr>
                                            <tr>
                                                <!--<td><span class="label label-danger">在建</span></td>-->
                                                <td>华北区域-北京-爱丁堡服务中心</td>
                                                <!--<td>北京</td>
        <td>富丽家园服务中心</td>-->
                                                <td><a data-toggle="modal" href="account.html#modal-look">爱丁堡</a></td>
                                                <td>
                                                    <div class="rule-multi-porp">
                                                        <span id="rblpaypiaotype">
                                                            <input id="rblpiaoType02_0" type="checkbox" name="rblpaypiaotype" value="0" checked="checked" readonly="readonly" disabled="disabled" />
                                                            <label for="rblpiaoType02_0">住宅</label>
                                                            <input id="rblpiaoType02_1" type="checkbox" name="rblpaypiaotype" checked="checked" readonly="readonly" value="1" disabled="disabled" />
                                                            <label for="rblpiaoType02_1">商铺</label>
                                                        </span>
                                                    </div>
                                                </td>
                                                <!--<td>302050</td>
        <td>1432620</td>
        <td>1259508</td>
        <td>862942.23</td>
        <td>122400</td>
        <td>0</td>-->
                                                <td><a href="building.html">83</a> </td>
                                                <td><a href="building_house.html">7472</a></td>
                                                <td><a href="building_house.html">6399</a></td>
                                                <td>3</td>
                                                <td>3</td>
                                                <td><a href="building_house_owner.html">184</a></td>
                                                <td>
                                                    <div class="btn-group">
                                                        <a href="#" onclick="tabActive();" class="text-warning">修改</a>&nbsp;&nbsp;
                                                        <a href="javascript:;" class="text-danger demo4">删除</a>

                                                    </div>

                                                </td>
                                            </tr>
                                        </tbody>
                                        <tfoot>
                                            <tr>
                                                <td>合计</td>
                                                <td><a data-toggle="modal" href="account.html#modal-look"></a></td>
                                                <td>
                                                </td>
                                                <td>83</td>
                                                <td>7472</td>
                                                <td>6399</td>
                                                <td>3</td>
                                                <td>3</td>
                                                <td>184</td>
                                                <td>
                                                </td>
                                            </tr>
                                        </tfoot>
                                    </table>
                                    <div class="text-right">
                                        <ul class="pagination">
                                            <li><a href="#">&laquo;</a></li>
                                            <li><a href="#">1</a></li>
                                            <li><a href="#">2</a></li>
                                            <li><a href="#">3</a></li>
                                            <li><a href="#">4</a></li>
                                            <li><a href="#">5</a></li>
                                            <li><a href="#">&raquo;</a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div id="tab-2" class="tab-pane">
                                    <table class="table table-hover table-border0">
                                        <tbody>
                                            <!--<tr>
                                                <td class="client-link" width="10%;">票据类型：</td>
                                                <td style="width:35%;">
                                                    <div class="rule-multi-radio">
                                                        <span id="rblpaypiaotype">
                                                            <input id="rblpiaoType02_0" type="radio" name="rblpaypiaotype" value="0" checked="checked" />
                                                            <label for="rblpiaoType02_0">机打收据</label>
                                                            <input id="rblpiaoType02_1" type="radio" name="rblpaypiaotype" value="1" />
                                                            <label for="rblpiaoType02_1">手写收据</label>
                                                            <input id="rblpiaoType02_2" type="radio" name="rblpaypiaotype" value="2" />
                                                            <label for="rblpiaoType02_2">发票</label>
                                                            <input id="rblpiaoType02_3" type="radio" name="rblpaypiaotype" value="3" />
                                                            <label for="rblpiaoType02_3">其他</label>

                                                        </span>
                                                    </div>
                                                </td>
                                                <td class="text-right client-link">票号：</td>
                                                <td>
                                                    <input type="text" class="input input-sm form-control" value="">
                                                </td>

                                            </tr>-->
                                            <tr>
                                                <td class="client-link" width="10%;">服务中心*：</td>
                                                <td>
                                                    华北区域-北京-富力家园服务中心
                                                    <!--<div class="input-group">
                                                        <input type="text" placeholder="请选择服务中心..." class="input-sm form-control selecttext">
                                                        <span class="input-group-btn">
                                                            <a data-toggle="modal" href="storage_in.html#modal-goodtypetree" class="btn btn-success btn-sm"><i class="fa fa-check-square-o"></i>&nbsp;选择 </a>
                                                        </span>
                                                    </div>-->
                                                    &nbsp;<br /><span>提示：请在左侧选择对应的服务中心</span>
                                                </td>
                                                <td class="text-right client-link" width="15%;">首次接管*：</td>
                                                <td>
                                                    <input class="laydate-icon form-control layer-date" placeholder="YYYY-MM-DD" value="2015-04-01" onclick="laydate({ istime: false, format: 'YYYY-MM-DD' })">
                                                </td>
                                            </tr>
                                            <tr>
                                                <td class="client-link">项目名称*：</td>
                                                <td>
                                                    <input type="text" class="form-control input-sm input-group" placeholder="请输入项目名称" value="">
                                                </td>
                                                <td class="text-right client-link">项目别名：</td>
                                                <td>
                                                    <input type="text" class="form-control input-sm input-group" placeholder="请输入项目别名" value="">
                                                </td>

                                            </tr>
                                            <tr>
                                                <td class="client-link">项目经理*：</td>
                                                <td>
                                                    <input type="text" class="form-control input-sm input-group" placeholder="请输入项目经理姓名" value="">
                                                </td>
                                                <td class="text-right client-link">联系方式：</td>
                                                <td>
                                                    <input type="text" class="form-control input-sm input-group" placeholder="请输入项目经理电话" value="">
                                                </td>

                                            </tr>
                                            <tr>
                                                <td class="client-link">项目地址*：</td>
                                                <td colspan="3">
                                                    <input type="text" class="form-control input-sm input-group" placeholder="请输入项目详细地址" value="">
                                                </td>
                                            </tr>
                                            <tr>
                                                <td class="client-link" width="10%;">地块性质*：</td>
                                                <td style="width:35%;">
                                                    <div class="rule-multi-porp">
                                                        <span id="rblpaypiaotype">
                                                            <input id="rblpiaoType02_0" type="checkbox" name="rblpaypiaotype" value="0" checked="checked" />
                                                            <label for="rblpiaoType02_0">商业</label>
                                                            <input id="rblpiaoType02_1" type="checkbox" name="rblpaypiaotype" value="1" />
                                                            <label for="rblpiaoType02_1">住宅</label>
                                                            <input id="rblpiaoType02_2" type="checkbox" name="rblpaypiaotype" value="2" />
                                                            <label for="rblpiaoType02_2">工业</label>
                                                            <input id="rblpiaoType02_3" type="checkbox" name="rblpaypiaotype" value="3" />
                                                            <label for="rblpiaoType02_3">综合</label>
                                                            <input id="rblpiaoType02_4" type="checkbox" name="rblpaypiaotype" value="3" />
                                                            <label for="rblpiaoType02_4">其他</label>
                                                        </span>
                                                    </div>
                                                </td>
                                                <td class="text-right client-link">案场日期：</td>
                                                <td>
                                                    <div class="form-group" id="data_5">

                                                        <div class="input-group input-group-sm">
                                                            <div class="input-daterange input-group" id="datepicker">
                                                                <input type="text" class="form-control" name="start" placeholder="开始日期" value="" />
                                                                <span class="input-group-addon">到</span>
                                                                <input type="text" class="form-control" name="end" placeholder="结束日期" value="" />
                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>

                                            </tr>

                                            <tr>
                                                <td class="client-link">面积相关*：</td>
                                                <td colspan="3">
                                                    <table class="table table-bordered">
                                                        <thead>
                                                            <tr>
                                                                <th style="text-align:center">占地面积</th>
                                                                <th style="text-align:center">建筑面积</th>
                                                                <th style="text-align:center">接管面积</th>
                                                                
                                                                <th style="text-align:center">绿化面积</th>
                                                                <th style="text-align:center">会所面积</th>
                                                                <th style="text-align:center">容积率</th>
                                                            </tr>
                                                        </thead>
                                                        <tbody>
                                                            <tr>
                                                                <td align="center">
                                                                    <div class="input-group m-b">
                                                                        <input type="text" placeholder="允许两位小数" class="form-control"> <span class="input-group-addon">㎡</span>
                                                                    </div>
                                                                </td>
                                                                <td align="center">
                                                                    <div class="input-group m-b">
                                                                        <input type="text" placeholder="允许两位小数" class="form-control"> <span class="input-group-addon">㎡</span>
                                                                    </div>
                                                                </td>
                                                                <td align="center">
                                                                    <div class="input-group m-b">
                                                                        <input type="text" placeholder="允许两位小数" class="form-control"> <span class="input-group-addon">㎡</span>
                                                                    </div>
                                                                </td>
                                                                
                                                                <td align="center">
                                                                    <div class="input-group m-b">
                                                                        <input type="text" placeholder="允许两位小数" class="form-control"> <span class="input-group-addon">㎡</span>
                                                                    </div>
                                                                </td>
                                                                <td align="center">
                                                                    <div class="input-group m-b">
                                                                        <input type="text" placeholder="允许两位小数" class="form-control"> <span class="input-group-addon">㎡</span>
                                                                    </div>
                                                                </td>
                                                                <td align="center">
                                                                    <div class="input-group m-b">
                                                                        <input type="text" placeholder="允许两位小数" class="form-control"> <span class="input-group-addon">%</span>
                                                                    </div>
                                                                </td>
                                                            </tr>
                                                        </tbody>
                                                    </table>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td class="client-link">土地使用权：</td>
                                                <td colspan="3">
                                                    <table class="table table-bordered">
                                                        <thead>
                                                            <tr>
                                                                <th>开始日期</th>
                                                                <th>备注</th>
                                                                <th>操作</th>
                                                            </tr>
                                                        </thead>
                                                        <tbody>
                                                            <tr>
                                                                <td>
                                                                    <input class="laydate-icon form-control layer-date" placeholder="YYYY-MM-DD" value="2015-04-01" onclick="laydate({ istime: false, format: 'YYYY-MM-DD' })">
                                                                </td>

                                                                <td><input type="text" class="form-control input-sm input-group" placeholder="" value=""></td>
                                                                <td>
                                                                    <div class="btn-group">
                                                                        <a href="javascript:;" class="text-danger demo4 btn-del">删除</a>
                                                                    </div>
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td colspan="9"><button href="javascript:;" class="btn btn-danger btn-sm" onclick="addRow(this);"><i class="fa fa-plus"></i>&nbsp;追加</button></td>
                                                            </tr>
                                                        </tbody>
                                                    </table>
                                                </td>

                                            </tr>
                                            <tr>
                                                <td class="client-link">商务联系人：</td>
                                                <td>
                                                    <input type="text" class="form-control input-sm input-group" placeholder="请输入商务联系人" value="">
                                                </td>
                                                <td class="text-right client-link">联系电话：</td>
                                                <td>
                                                    <input type="text" class="form-control input-sm input-group" placeholder="请输入商务联系电话" value="">
                                                </td>

                                            </tr>
                                            <tr>
                                                <td class="client-link">联系邮箱：</td>
                                                <td colspan="3">
                                                    <input type="text" class="form-control input-sm input-group" placeholder="请输入商务联系邮箱" value="">
                                                </td>

                                            </tr>
                                            <tr>
                                                <td class="client-link"></td>
                                                <td colspan="3">
                                                    <button type="button" class="btn btn-danger btn-sm" onclick="tabActive1();"><i class="fa fa-save"></i>&nbsp;保存</button>
                                                    <button type="button" class="btn btn-success btn-sm" onclick="tabActive1();"><i class="fa fa-arrow-up"></i>&nbsp;返回</button>
                                                </td>
                                            </tr>
                                        </tbody>
                                    </table>
                                    
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!--开发提示文字Start-->
    <div id="modal-remark" class="modal fade" aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-body">
                    <div class="well well-lg">
                        <h3>
                            页面操作说明：
                        </h3>
                        <ol>
                            <li>点击左侧组织机构树节点后，右侧动态加载对应的项目；如：选择北京公司右侧加载北京所有的项目</li>
                            <li>点击“修改”按钮或项目名称列，打开修改项目基础信息页面</li>
                            <li>点击“删除”按钮后，如关联表有数据则提示先删除关联表数据</li>
                        </ol>
                        <h3>
                            导入规则说明：
                        </h3>
                        <ol>
                            <li>导入时根据公司名称+项目名称检查机构是否存在，如果存在则允许导入，否则提示错误原因：“机构“北京公司-北京富力运河十号”不存在请先创建机构信息”</li>
                            <li>导入时如果项目表中已经存在项目信息，在导入时更新数据，否则新增项目数据</li>
                        </ol>
                        <h3>
                            业务规则说明：
                        </h3>
                        <ol>
                            <li>会所、大型配套、入住重点企业等信息第一期只实现简单的记录，在第二期将进行扩展开发，届时会所信息将与会所系统自动对接。大型配套和入住重点企业需要进行详细列表维护以便于查询和开展商业活动。 </li>
                            <li>列表是否有会所：默认否，在添加、删除、导入会所信息时更新该字段。</li>
                            <li>项目基础信息在导入时进行创建，基础信息在所有表格中通用。</li>
                            <li>通过界面单个新增项目时同时创建机构和项目信息</li>
                        </ol>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--/开发提示文字End-->
    <!--查看项目-->
    <div class="modal fade" id="modal-look" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog" style="width:1100px">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                    <h5 class="modal-title">查看项目</h5>
                </div>
                <div class="modal-body">
                    <table class="detailsMain table table-bordered">
                        <tbody>
                            <tr>
                                <td colspan="8">
                                    <h5>项目基本信息</h5>
                                </td>
                            </tr>
                            <tr>
                                <th>楼址：</th>
                                <td>华北区域-北京-富力家园服务中心</td>
                                <th>项目名称：</th>
                                <td>北京富力家园（别名：富力家园一期）</td>
                            </tr>
                            <tr>
                                <th>项目经理及电话：</th>
                                <td>张经理：13910471111</td>
                                <th>项目联系地址：</th>
                                <td colspan="5">北京市朝阳区东三环中路63号楼21层</td>
                            </tr>
                            <tr>
                                <th>包含业态：</th>
                                <td>
                                    <div class="rule-multi-porp">
                                        <span id="rblpaypiaotype">
                                            <input id="rblpiaoType02_0" type="checkbox" name="rblpaypiaotype" value="0" checked="checked" readonly="readonly" disabled="disabled" />
                                            <label for="rblpiaoType02_0">住宅</label>
                                            <input id="rblpiaoType02_1" type="checkbox" name="rblpaypiaotype" checked="checked" readonly="readonly" value="1" disabled="disabled" />
                                            <label for="rblpiaoType02_1">商铺</label>
                                        </span>
                                    </div>
                                </td>
                                <th>地块性质：</th>
                                <td>
                                    <div class="rule-multi-porp">
                                        <span id="rblpaypiaotype">
                                            <input id="rblpiaoType02_0" type="checkbox" name="rblpaypiaotype" value="0" checked="checked" readonly="readonly" disabled="disabled" />
                                            <label for="rblpiaoType02_0">商业</label>
                                            <input id="rblpiaoType02_1" type="checkbox" name="rblpaypiaotype" checked="checked" readonly="readonly" value="1" disabled="disabled" />
                                            <label for="rblpiaoType02_1">住宅</label>
                                        </span>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <th>项目联系电话：</th>
                                <td>010-89250106 010-89250108</td>
                                <th>容积率：</th>
                                <td colspan="4">2.7</td>
                            </tr>
                            <tr>
                                <th>面积相关：</th>
                                <td colspan="5">
                                    <table class="table table-bordered">
                                        <thead>
                                            <tr>
                                                <th style="text-align:center">占地面积</th>
                                                <th style="text-align:center">建筑面积</th>
                                                <th style="text-align:center">接管面积</th>
                                                <th style="text-align:center">收费面积</th>
                                                <th style="text-align:center">绿化面积</th>
                                                <th style="text-align:center">会所面积</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td align="center">
                                                    12333㎡
                                                </td>
                                                <td align="center">
                                                    12333㎡
                                                </td>
                                                <td align="center">
                                                    12333㎡
                                                </td>
                                                <td align="center">
                                                    12333㎡
                                                </td>
                                                <td align="center">
                                                    12333㎡
                                                </td>
                                                <td align="center">
                                                    12333㎡
                                                </td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </td>
                            </tr>
                            <tr>
                                <th>资源信息：</th>
                                <td colspan="5">
                                    <table class="table table-bordered">
                                        <thead>
                                            <tr>
                                                <th style="text-align:center">楼栋数</th>
                                                <th style="text-align:center">车位数</th>
                                                <th style="text-align:center">总户数</th>
                                                <th style="text-align:center">待售户数</th>
                                                <th style="text-align:center">待收户数</th>
                                                <th style="text-align:center">入住商户数</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td align="center">
                                                    12333
                                                </td>
                                                <td align="center">
                                                    1233
                                                </td>
                                                <td align="center">
                                                    1233
                                                </td>
                                                <td align="center">
                                                    1233
                                                </td>
                                                <td align="center">
                                                    1233
                                                </td>
                                                <td align="center">
                                                    1233
                                                </td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </td>
                            </tr>
                            <tr>
                                <th>收费信息：</th>
                                <td colspan="5">
                                    <table class="table table-bordered">
                                        <thead>
                                            <tr>
                                                <th style="text-align:center">业态</th>
                                                <th style="text-align:center">收费单价</th>
                                                <th style="text-align:center">户数</th>
                                                <th style="text-align:center">金额</th>
                                                <th style="text-align:center">收缴率</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td align="center">
                                                    住宅
                                                </td>
                                                <td align="center">
                                                    3
                                                </td>
                                                <td align="center">
                                                    3
                                                </td>
                                                <td align="center">
                                                    9
                                                </td>
                                                <td align="center">
                                                    91%
                                                </td>
                                            </tr>
                                            <tr>
                                                <td align="center">
                                                    住宅
                                                </td>
                                                <td align="center">
                                                    4
                                                </td>
                                                <td align="center">
                                                    3
                                                </td>
                                                <td align="center">
                                                    12
                                                </td>
                                                <td align="center">
                                                    61%
                                                </td>
                                            </tr>
                                            <tr>
                                                <td align="center">
                                                    住宅底商
                                                </td>
                                                <td align="center">
                                                    10
                                                </td>
                                                <td align="center">
                                                    3
                                                </td>
                                                <td align="center">
                                                    30
                                                </td>
                                                <td align="center">
                                                    31%
                                                </td>
                                            </tr>
                                            <tr>
                                                <td align="center">
                                                    写字楼
                                                </td>
                                                <td align="center">
                                                    20
                                                </td>
                                                <td align="center">
                                                    3
                                                </td>
                                                <td align="center">
                                                    60
                                                </td>
                                                <td align="center">
                                                    71%
                                                </td>
                                            </tr>
                                            <tr>
                                                <td align="center">
                                                    写字楼底商
                                                </td>
                                                <td align="center">
                                                    30
                                                </td>
                                                <td align="center">
                                                    3
                                                </td>
                                                <td align="center">
                                                    90
                                                </td>
                                                <td align="center">
                                                    91%
                                                </td>
                                            </tr>
                                        </tbody>
                                        <tfoot>
                                            <tr>
                                                <td align="center">
                                                    合计
                                                </td>
                                                <td align="center">
                                                    67
                                                </td>
                                                <td align="center">
                                                    15
                                                </td>
                                                <td align="center">
                                                    90
                                                </td>
                                                <td align="center">
                                                    51%
                                                </td>
                                            </tr>
                                        </tfoot>
                                    </table>
                                </td>
                            </tr>
                            <tr>
                                <th>土地使用权：</th>
                                <td colspan="5">
                                    <table class="table table-bordered">
                                        <thead>
                                            <tr>
                                                <th style="text-align:center">开始日期</th>
                                                <th style="text-align:center">包含楼栋</th>
                                                
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td align="center">
                                                    2015年10月8日
                                                </td>

                                                <td align="center">1栋、2栋、3栋、4栋</td>
                                                
                                            </tr>
                                            <tr>
                                                <td align="center">
                                                    2016年10月8日
                                                </td>

                                                <td align="center">5栋、6栋、7栋、8栋</td>

                                            </tr>
                                        </tbody>
                                    </table>
                                </td>

                            </tr>
                            <tr>
                                <th>简介相册：</th>
                                <td colspan="5">
                                    <div class="lightBoxGallery">
                                        <a href="img/p_big1.jpg" title="图片" data-gallery=""><img src="img/p1.jpg"></a>
                                        <a href="img/p_big2.jpg" title="图片" data-gallery=""><img src="img/p2.jpg"></a>
                                        <a href="img/building02.jpg" title="图片" data-gallery=""><img src="img/building02.jpg"></a>
                                        <div id="blueimp-gallery" class="blueimp-gallery">
                                            <div class="slides"></div>
                                            <h3 class="title"></h3>
                                            <a class="prev">‹</a>
                                            <a class="next">›</a>
                                            <a class="close">×</a>
                                            <a class="play-pause"></a>
                                            <ol class="indicator"></ol>
                                        </div>
                                    </div>
                                </td>
                            </tr>

                        </tbody>
                    </table>

                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                    <button type="button" class="btn btn-primary" onclick="window.print()">打印</button>
                </div>
            </div>
        </div>
    </div>
    <!--/查看项目-->
    <!--导入项目信息-->
    <div class="modal fade" id="modal-import" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                    <h5 class="modal-title">导入项目</h5>
                </div>
                <div class="modal-body">
                    <table class="table table-hover table-border0 form-group-sm">
                        <tbody>
                            <tr>
                                <td class="text-right">第1步,下载模板:</td>
                                <td colspan="3" width="80%">
                                    <a href="attachment/地区公司项目资源导入模板.xlsx" class="btn btn-primary btn-sm"><i class="fa fa-pencil"></i>&nbsp;下载模板 </a>
                                    提示：下载完成后根据模板要求进行数据填写
                                </td>

                            </tr>
                            <tr>
                                <td class="text-right">第2步,选择文件:</td>
                                <td colspan="3">
                                    您当前选择的文件为：地区公司项目资源导入模板.xlsx
                                    <div class="filt_box">
                                        <button class="btn btn-success btn-sm"><i class="fa fa-arrow-up"></i>&nbsp;选择文件</button>
                                        <input type="file" class="upload-pic" name="picture" id="picture">
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td class="text-right">第3步,开始导入:</td>
                                <td colspan="3">
                                    <a href="#" class="btn btn-primary btn-sm"><i class="fa fa-pencil"></i>&nbsp;开始导入 </a>
                                </td>
                            </tr>
                            <tr>
                                <td class="text-right">第4步,查看结果:</td>
                                <td colspan="3">
                                    总行数：19 导入成功：10 失败：9 <br />
                                    失败数据及原因请下载文件：<a href="attachment/地区公司项目资源导入模板.xlsx">导入失败数据及原因.xlsx </a>

                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                    <button type="button" class="btn btn-primary demo2">确定</button>
                </div>
            </div>
        </div>
    </div>
    <!--/导入项目信息-->
    <!--创建项目-->
    <div class="modal fade" id="modal-create" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                    <h5 class="modal-title">创建新项目</h5>
                </div>
                <div class="modal-body">
                    <table class="table table-hover table-border0 form-group-sm">
                        <tbody>
                            <tr>
                                <td colspan="4">
                                    <h5 style="padding: 10px; background: #f8f8f8;">项目基本信息</h5>
                                </td>
                            </tr>
                            <tr>
                                <td class="text-right">公司名称：</td>
                                <td>b129</td>
                                <td class="text-right">项目图片：</td>
                                <td>
                                    <div class="filt_box">
                                        <button class="btn btn-success btn-sm"><i class="fa fa-arrow-up"></i>&nbsp;上传图片</button>
                                        <input type="file" class="upload-pic" name="picture" id="picture">
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td class="text-right"><span class="text-danger">* </span>项目名称：</td>
                                <td><input type="text" class="form-control" value=""></td>
                                <td class="text-right">开盘时间：</td>
                                <td><input class="laydate-icon form-control layer-date" placeholder="YYYY-MM-DD hh:mm:ss" onclick="laydate({ istime: true, format: 'YYYY-MM-DD hh:mm:ss' })"></td>
                            </tr>
                            <tr>
                                <td class="text-right">占地面积：</td>
                                <td><div class="input-group"><input type="text" class="form-control"> <span class="input-group-addon">㎡</span></div></td>
                                <td class="text-right">建筑面积：</td>
                                <td><div class="input-group"><input type="text" class="form-control"> <span class="input-group-addon">㎡</span></div></td>
                            </tr>
                            <tr>
                                <td class="text-right">绿化面积：</td>
                                <td><div class="input-group"><input type="text" class="form-control"> <span class="input-group-addon">㎡</span></div></td>
                            </tr>
                            <tr>
                                <td class="text-right"><span class="text-danger">* </span>项目地址：</td>
                                <td colspan="3">
                                    <select class="select-inline">
                                        <option value="">请选择城市</option>
                                        <option value="1">北京</option>
                                        <option value="2">上海</option>
                                        <option value="3">广州</option>
                                        <option value="4">深圳</option>
                                        <option value="11">河北</option>
                                        <option value="12">天津</option>
                                        <option value="14">中山</option>
                                    </select>
                                    <select class="select-inline">
                                        <option value="">请选择区域</option>
                                    </select>
                                    <input type="text" class="form-control input-sm input-group" style="width:446px;" value="输入详细地址">
                                </td>
                            </tr>
                            <tr>
                                <td colspan="4">
                                    <h5 style="padding: 10px; background: #f8f8f8;">物业公司信息</h5>
                                </td>
                            </tr>
                            <tr>
                                <td class="text-right"><span class="text-danger">* </span>物业公司：</td>
                                <td>
                                    <select class="form-control">
                                        <option value="1" selected="">北京恒富物业服务有限公司</option>
                                    </select>
                                </td>
                                <td class="text-right"><span class="text-danger">* </span>管理处：</td>
                                <td>
                                    <select class="form-control">
                                        <option value="0">请选择</option>
                                        <option value="10" data-linkman="张凡荣" data-tel="010-58766899" data-address="北京市朝阳区广渠门外大街1号院A8楼地下1层">富力家园第一管理处</option>
                                        <option value="22" data-linkman="徐景松" data-tel="010-58766899" data-address="北京市朝阳区广渠门外大街5号院D23~D26楼地下1层">富力家园第二管理处</option>
                                        <option value="23" data-linkman="马建军" data-tel="010-58766899" data-address="北京市朝阳区东三环中路55号富力双子座B座1层">写字楼管理处</option>
                                        <option value="24" data-linkman="孔令萱" data-tel="010-58766899" data-address="北京市朝阳区广渠门外大街7号院E27楼地下二层">富力公馆管理处</option>
                                        <option value="25" data-linkman="唐瑞花" data-tel="010-58766899" data-address="北京市朝阳区白家庄路1号院A2楼E座地下2层">爱丁堡管理处</option>
                                        <option value="26" data-linkman="李鹏" data-tel="010-" data-address="北京市朝阳区豆各庄乡黄厂南里大鲁店北路1号院A9楼地下1层">又一城A区管理处</option>
                                        <option value="27" data-linkman="李鹏" data-tel="010-" data-address="北京市朝阳区豆各庄乡大鲁店北路黄厂南里2号院B10楼">富力又一城B区管理处</option>
                                        <option value="28" data-linkman="李志宏" data-tel="010-" data-address="北京市海淀区西三旗建材城东里富力桃园小区B19单元地下1层">富力桃园管理处</option>
                                        <option value="29" data-linkman="陈维" data-tel="010-" data-address="北京市顺义区马坡镇顺安南路12号院会所地下1层">富力湾管理处</option>
                                        <option value="30" data-linkman="陈志茂" data-tel="010-" data-address="朝阳区常营中路2号院">阳光美园管理处</option>
                                        <option value="31" data-linkman="吴迅" data-tel="010-" data-address="北京市大兴区庞各庄瓜乡桥向西500米">丹麦小镇管理处</option>
                                        <option value="35" data-linkman="暂无" data-tel="暂无" data-address="北京朝阳区">富力家园管理处</option>
                                        <option value="36" data-linkman="黄宣" data-tel="13681230456" data-address="河北省廊坊市香河县蒋辛屯镇大香线东侧">北京恒富物业服务有限公司香河分公司</option>
                                    </select>
                                </td>
                            </tr>
                            <tr>
                                <td class="text-right">负责人：</td>
                                <td>黄宣</td>
                                <td class="text-right">联系电话：</td>
                                <td>13681230456</td>
                            </tr>
                            <tr>
                                <td class="text-right">管理处：</td>
                                <td colspan="3">河北省廊坊市香河县蒋辛屯镇大香线东侧</td>
                            </tr>

                            <tr>
                                <td colspan="4">
                                    <h5 style="padding: 10px; background: #f8f8f8;">开发商公司信息</h5>
                                </td>
                            </tr>
                            <tr>
                                <td class="text-right"><span class="text-danger">* </span>开发商：</td>
                                <td>
                                    <input type="text" class="form-control" value="">
                                </td>
                                <td class="text-right"><span class="text-danger">* </span>负责人：</td>
                                <td>
                                    <input type="text" class="form-control" value="">
                                </td>
                            </tr>
                            <tr>
                                <td class="text-right"><span class="text-danger">* </span>联系人：</td>
                                <td>
                                    <input type="text" class="form-control" value="">
                                </td>
                                <td class="text-right"><span class="text-danger">* </span>手机号码：</td>
                                <td>
                                    <input type="text" class="form-control" value="">
                                </td>
                            </tr>
                            <tr>
                                <td class="text-right">联系地址：</td>
                                <td colspan="3">
                                    <input type="text" class="form-control" value="">
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                    <button type="button" class="btn btn-primary demo2">保存</button>
                </div>
            </div>
        </div>
    </div>
    <!--/创建项目-->
    <!--修改项目基本信息-->
    <div class="modal fade" id="modal-job" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static">
        <div class="modal-dialog" style="width:1100px;">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                    <h5 class="modal-title">修改项目基本信息</h5>
                </div>
                <div class="modal-body">
                    <table class="detailsMain table table-bordered">
                        <tbody>
                            <tr>
                                <th>公司名称：</th>
                                <td>北京公司</td>
                                <th>服务中心：</th>
                                <td>北京富力家园服务中心</td>
                                <th>项目名称：</th>
                                <td>北京富力家园</td>
                            </tr>
                            <!--<tr>
                                <th class="text-right"><span class="text-danger">* </span>项目联系地址：</th>
                                <td colspan="3">
                                    <select class="select-inline">
                                        <option value="">请选择城市</option>
                                        <option value="1">北京</option>
                                        <option value="2">上海</option>
                                        <option value="3">广州</option>
                                        <option value="4">深圳</option>
                                        <option value="11">河北</option>
                                        <option value="12">天津</option>
                                        <option value="14">中山</option>
                                    </select>
                                    <select class="select-inline">
                                        <option value="">请选择区域</option>
                                    </select>
                                    <input type="text" class="form-control" value="北京市朝阳区东三环中路63号楼21层">
                                </td>
                            </tr>-->
                            <tr>
                                <th><span class="text-danger">* </span>项目联系地址：</th>
                                <td colspan="5"><input type="text" class="form-control" value="北京市朝阳区东三环中路63号楼21层"></td>
                            </tr>
                            <tr>
                                <th><span class="text-danger">* </span>项目联系电话：</th>
                                <td colspan="5"><input type="text" class="form-control" value="010-89250106 010-89250108"></td>
                            </tr>
                            <tr>
                                <th><span class="text-danger">* </span>开发商公司名称：</th>
                                <td colspan="6"><input type="text" class="form-control" value="北京富力城房地产开发有限公司"></td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                    <button type="button" class="btn btn-primary demo2">保存</button>
                </div>
            </div>
        </div>
    </div>
    <!--/修改项目基本信息-->

    <div id="modal-goodtypetree" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                    <h5 class="modal-title">选择服务中心</h5>
                </div>
                <div class="modal-body">
                    <div id="jstree3" style="margin: 10px 0 0 -10px;">
                        <ul>
                            <li class="jstree-open">
                                富力物业服务集团
                                <ul>
                                    <li class="jstree-open" data-jstree='{"type":"icon"}'>
                                        华北区域
                                        <ul>
                                            <li data-jstree='{"type":"icon"}'>
                                                北京
                                                <ul>
                                                    <li data-jstree='{"type":"son"}'>
                                                        富力家园服务中心
                                                    </li>
                                                </ul>
                                            </li>
                                            <li data-jstree='{"type":"icon"}'>
                                                天津
                                                <ul>
                                                    <li class="jstree-open" data-jstree='{"type":"son"}'>
                                                        合力园服务中心
                                                    </li>
                                                </ul>
                                            </li>
                                        </ul>
                                    </li>
                                    <li>
                                        华南区域
                                        <ul>
                                            <li>
                                                广州-住宅
                                                <ul>
                                                    <li class="jstree-open" data-jstree='{"type":"son"}'>
                                                        东堤湾&天兴大厦服务中心
                                                    </li>
                                                </ul>
                                            </li>
                                        </ul>
                                    </li>


                                </ul>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary demo2" data-dismiss="modal">确定</button>
                    <!--<button type="button" class="btn btn-primary demo2">确定</button>-->
                </div>
            </div>
        </div>
    </div>

    <!-- 全局js -->
    <script src="js/jquery.min.js?v=2.1.4"></script>

    <script src="js/bootstrap.min.js?v=3.3.6"></script>

    <script src="js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
    <!-- Data picker -->
    <script src="js/plugins/datapicker/bootstrap-datepicker.js"></script>
    <!-- 自定义js -->
    <script src="js/content.js?v=1.0.0"></script>
    <script src="js/common.js"></script>
    <!-- blueimp gallery -->
    <script src="js/plugins/blueimp/jquery.blueimp-gallery.min.js"></script>
    <!-- layerDate plugin javascript -->
    <script src="js/plugins/layer/laydate/laydate.js"></script>
    <script>
        var start = {
            elem: "#start",
            format: "YYYY/MM/DD hh:mm:ss",
            min: laydate.now(),
            max: "2099-06-16 12:20:20",
            istime: true,
            istoday: true,
            choose: function (a) {
                end.min = a;
                end.start = a
            }
        };
        var end = {
            elem: "#end",
            format: "YYYY/MM/DD hh:mm:ss",
            min: laydate.now(),
            max: "2099-06-16 13:20:20",
            istime: true,
            istoday: true,
            choose: function (a) {
                start.max = a
            }
        };
        laydate(start);
        laydate(end);
    </script>

    <script>
        $(document).ready(function () {
            $("#data_5 .input-daterange").datepicker({
                keyboardNavigation: false,
                forceParse: false,
                autoclose: true
            });
            //$("#data_4 .input-group.date").datepicker({ format: 'yyyy', startView: 2, minViewMode: 2, keyboardNavigation: false, forceParse: false, autoclose: true, todayHighlight: true });

        });
    </script>

    <!-- jsTree plugin javascript -->
    <script src="js/plugins/jsTree/jstree.min.js"></script>

    <style>
        .jstree-open > .jstree-anchor > .fa-folder:before {
            content: "\f07c";
        }

        .jstree-default .jstree-icon.none {
            width: 0;
        }
    </style>
    <!--控制页面树元素-->
    <script>
        $(document).ready(function () {
            function demo_rename() {
                var ref = $('#jstree2').jstree(true),
                    sel = ref.get_selected();
                if (!sel.length) { return false; }
                sel = sel[0];
                ref.edit(sel);
            };
            $('#jstree2').jstree({
                'core': {
                    'check_callback': true,
                    'data': {
                        'url': '/js/demo/tree1.json',
                        'data': function (node) {
                            return { 'id': node.id };
                        }
                    }
                },
                'plugins': ['types', 'dnd'],
                'types': {
                    'default': {
                        'icon': 'fa fa-folder'
                    },
                    'html': {
                        'icon': 'fa fa-file-code-o'
                    },
                    'svg': {
                        'icon': 'fa fa-file-picture-o'
                    },
                    'css': {
                        'icon': 'fa fa-file-code-o'
                    },
                    'img': {
                        'icon': 'fa fa-file-image-o'
                    },
                    'son': {
                        'icon': 'fa fa-file-text-o'
                    }

                }
            });
        });


    </script>
    <script>
        $(document).ready(function () {
            function demo_rename() {
                var ref = $('#jstree3').jstree(true),
                    sel = ref.get_selected();
                if (!sel.length) { return false; }
                sel = sel[0];
                ref.edit(sel);
            };
            $('#jstree3').jstree({
                'core': {
                    'check_callback': true
                },
                'plugins': ['types', 'dnd'],
                'types': {
                    'default': {
                        'icon': 'fa fa-folder'
                    },
                    'html': {
                        'icon': 'fa fa-file-code-o'
                    },
                    'svg': {
                        'icon': 'fa fa-file-picture-o'
                    },
                    'css': {
                        'icon': 'fa fa-file-code-o'
                    },
                    'img': {
                        'icon': 'fa fa-file-image-o'
                    },
                    'son': {
                        'icon': 'fa fa-file-text-o'
                    }

                }
            });
        });


    </script>

    <!-- Sweet alert -->
    <script src="js/plugins/sweetalert/sweetalert.min.js"></script>
    <script>
        //-- 保存成功弹框--
        $('.demo2').click(function () {
            $('.selecttext').val('富力家园服务中心');
            this.close();

        });
    </script>

    <!-- 自定义js -->
    <script src="js/content.js?v=1.0.0"></script>
    <script type="text/javascript">
        //--动画效果--
        $(document).ready(function () {
            $('.contact-box').each(function () {
                animationHover(this, 'pulse');
            });

            $(document).delegate('.btn-del', 'click', function () {
                var count = $(this).closest('table tbody').find('tr').size();
                if (count > 2) {
                    var curTr = $(this).closest('tr');
                    curTr.remove();
                } else {
                    //alert('至少保留一行！');
                    swal({
                        title: "至少保留一行！",
                        type: "warning"
                    });
                }
            })
        });

        function tabActive() {
            $('#myTab a[href="#tab-2"]').tab('show');
        }
        function tabActive1() {
            $('#myTab a[href="#tab-1"]').tab('show');
        }

        function addRow(btn) {
            //追加
            var curTr = $(btn).closest('tr');
            var tr = curTr.prev().clone();
            curTr.before(tr);
        }
    </script>



</body>

</html>
